<template>
	<view>
		<u-navbar :is-back="true" title="企业详情"></u-navbar>
<!-- 		<view><u-image width="100%" height="350rpx" :src="enterprise.imgUrl"></u-image></view>-->
		<view><u-image width="100%" height="" src="../../static/img/01.jpg" mode="widthFix"></u-image><u-image width="100%" height="" src="../../static/img/01.jpg" mode="widthFix"></u-image></view>
		
		<view class="name"><h3>{{enterprise.name}}</h3></view>
		<view class="address">
			<u-icon name="map" color="#2979ff" size="28"></u-icon>
			{{' '+enterprise.address}}
		</view>
		<view class="address">
			<u-icon name="email" color="#2979ff" size="28"></u-icon>
			{{' '+enterprise.email}}
		</view>
		<view class="address">
			<u-icon name="phone" color="#2979ff" size="28"></u-icon>
			{{' '+enterprise.phone}}
		</view>
		<u-button  class="job-btn">投递简历</u-button>
		<!-- <view class="job">
			<h3 class="job-title"><span>实习岗位</span>  </h3>
			<view v-for="(item,index) in 4" :key="index" class="job-info">{{item}}</view>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				enterpriseId:-1	,//企业id
				enterprise:{}
			};
		},
		async onLoad(param) {
			this.enterpriseId = param.id
			let res =await this.$u.api.getEnterprise(this.enterpriseId)
			console.log('企业详情',res.data)
			this.enterprise = res.data
		}
	}
</script>

<style lang="scss">
.name{
	margin: 10rpx;
}
.address{
	margin: 10rpx;
}
.job{
	margin: 10rpx;
	margin-top: 40rpx;
	&-title{
		margin-bottom: 10rpx;
		border-bottom: solid 1px #615f6e;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	&-info{
		
	}
	&-btn{
		margin-right: 0;
	}
}
</style>
